// 导航菜单切换功能
document.addEventListener('DOMContentLoaded', function() {
    const navToggle = document.querySelector('.nav-toggle');
    const navMenu = document.querySelector('.nav-menu');
    
    // 切换移动端导航菜单
    navToggle.addEventListener('click', function() {
        navMenu.classList.toggle('active');
        navToggle.classList.toggle('active');
    });
    
    // 平滑滚动到锚点
    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
        anchor.addEventListener('click', function(e) {
            e.preventDefault();
            
            // 关闭移动端菜单（如果打开）
            navMenu.classList.remove('active');
            navToggle.classList.remove('active');
            
            const targetId = this.getAttribute('href');
            if (targetId === '#') return;
            
            const targetElement = document.querySelector(targetId);
            if (targetElement) {
                window.scrollTo({
                    top: targetElement.offsetTop - 70, // 考虑固定导航栏的高度
                    behavior: 'smooth'
                });
            }
        });
    });
    
    // 文章"阅读更多"按钮功能
    const readMoreButtons = document.querySelectorAll('.read-more');
    readMoreButtons.forEach(button => {
        button.addEventListener('click', function() {
            const articleTitle = this.parentElement.querySelector('h3').textContent;
            alert(`您点击了"${articleTitle}"的阅读更多按钮。在实际应用中，这里会导航到完整的文章页面。`);
        });
    });
    
    // 联系表单提交处理
    const contactForm = document.querySelector('.contact-form');
    if (contactForm) {
        contactForm.addEventListener('submit', function(e) {
            e.preventDefault();
            
            // 获取表单数据
            const name = document.getElementById('name').value;
            const email = document.getElementById('email').value;
            const message = document.getElementById('message').value;
            
            // 简单的表单验证
            if (!name || !email || !message) {
                alert('请填写所有必填字段。');
                return;
            }
            
            // 在实际应用中，这里会发送数据到服务器
            alert(`感谢您的留言，${name}！我们会尽快回复您。`);
            contactForm.reset();
        });
    }
    
    // 滚动时添加导航栏阴影
    window.addEventListener('scroll', function() {
        const header = document.querySelector('.header');
        if (window.scrollY > 50) {
            header.style.boxShadow = '0 2px 10px rgba(0, 0, 0, 0.1)';
        } else {
            header.style.boxShadow = 'none';
        }
    });
});